﻿<style type="text/css">
.report_box{
    background-color: #fff;
    min-height: 500px;
    margin-top: 30px;
}
.report_colnum{
    padding:20px 50px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.report_col_right{
    float: right;
    padding: 20px;
    line-height: 32px;
    color: #ccc;
    text-align: right;
}
.report_colnum .report_title{
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    padding-left: 3%;
}
.report_col_box{
    width: 30%;
    float: left;
    padding: 20px 0;
    overflow: hidden;
    padding-left: 3%;
    cursor: pointer;
    border-radius: 3px;
}
.report_col_box:hover{
    background-color: #eee;
}
.report_col_box:hover .col_left i{
    /* color: #39f; */
}
/* .report_col_box .col_left{
    float: left;
    margin-right: 10px;
    background-image: linear-gradient(to bottom right,rgb(31, 202, 212),rgb(0, 166, 241));
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
.report_col_box .col_left i{
    font-size: 33px;
    color: #fff;
    margin: 0;
} */
.report_col_box .col_left {
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}
.report_col_box .col_left i {
    font-size: 45px;
    color: #fff;
    margin: 0;
}
.report_col_box .col_right{
    float: left;
}
.report_col_box .col_right .right_title{
    font-size: 16px;
    line-height: 40px;
    color: #666;
}
.report_col_box .col_right .right_desc{
    font-size: 13px;
    line-height: 20px;
    color: #aaa;
}
</style>


<div class="traintask" ng-controller = "reportTotleController">
    <a ng-href="{{reportUrl}}" id="reportUrlHref" target="_blank"></a>
    <div class="traintask_main">
        <div class="report_box">
            <div class="report_colnum">
                <div class="report_col_box" ng-click="GoReport()">
                    <div class="col_left">
                        <i class="iconfont" style="color: #8299ff;">&#xe754;</i>
                    </div>
                    <div class="col_right">
                        <div class="right_title">自定义报表</div>
                        <div class="right_desc">自定义报表规则，灵活选择数据</div>
                    </div>
                </div>
                <div class="report_col_right" ng-if="logList.length>0">
                    <div>这里找到了{{logList.length}}条导出日志<a style="color: #39f;cursor: pointer;margin-left: 20px;" ng-click="showForm()">查看日志</a></div>
                </div>
            </div>
            <div class="report_colnum" ng-repeat="item in list">
                <div class="report_title">{{item.title}}</div>
                <div class="report_col_box" ng-repeat="citem in item.list" ng-click="showTips(citem)">
                    <!--background-image: linear-gradient(to bottom right,{{citem.color}},{{citem.color2}});-->
                    <div class="col_left">
                        <i class="iconfont" ng-bind-html="citem.icon | to_html" style=" color:{{citem.color2}}"></i>
                    </div>
                    <div class="col_right">
                        <div class="right_title">{{citem.name}}</div>
                        <div class="right_desc">{{citem.desc}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <!-- 显示字段 -->
  <knowledge-selector know-config="knowConfig" ng-if="knowConfig.isShow" on-callback="onCallback()"></knowledge-selector>

  <v-modal class="vModal--default" ng-show="showLog">
    <!-- 请计算personne的高度，用页面高度-90=此框架高度 -->
    <div class="personneladd personnelout" ng-show="showLog" 
        ng-style="personneladdstyle" style=" height:80%; width:800px">
        <div class="personneladdheader" style="margin-bottom: 10px;">
            <div class="personneladdheaderl">临时日志<span style="font-size:13px;color:#ccc">（切换页面后失效）</span></div>
            <div class="personneladdheaderr">
                <div class="close" ng-click="showForm()">
                    <span>+</span></div>
             </div>
        </div>
        
        <div class="personneladdbottom">
            <!-- +150+160+190+135+70 -->
            <div class="personneladdrydrrwlb">
                <div class="personneladdrydrrwlbmain">
                    <ul>
                        <li class="personneladdrydrrwlli">
                            <div class="personneladdrydrrwlbdrjd">导出项目</div>
                            <div class="personneladdrydrrwlbdcrz">类目</div>
                            <div class="personneladdrydrrwlbdrjd">类目名称</div>
                            <div class="personneladdrydrrwlbdrtime">导出日期</div>
                            <div class="personneladdrydrrwlbdcrz">状态</div>
                        </li>
                        <li class="personneladdrydrrwlli" ng-repeat="log in logList">
                            <div class="personneladdrydrrwlbdrjd" ng-bind="log.name"></div>
                            <div class="personneladdrydrrwlbdcrz" ng-bind="log.type"></div>
                            <div class="personneladdrydrrwlbdrjd" ng-bind="log.typename"></div>
                            <div class="personneladdrydrrwlbdrtime">
                                <div class="personneladdrydrrwlbdrtime_time" ng-bind="log.date | to_time"></div>
                                <div class="personneladdrydrrwlbdrtime_date" ng-bind="log.date | to_date"></div>
                            </div>
                            <div class="personneladdrydrrwlbdcrz" style="width: 15%;">
                                {{log.state==0?'成功':(log.state==1?'导出中':(log.state==2?'导出成功':'导出失败'))}}
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </v-modal>
</div>













